<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
  <title>新增周边游-行程描述</title>
  <link rel="stylesheet" href="../../css/bootstrap.font.min.css"/>
  <link rel="stylesheet" href="../../css/forms.min.css"/>
  <link rel="stylesheet" href="../../css/style.css"/>
</head>
<body ng-controller="strokeCtrl">
<nav class="navbar navbar-inverse navbar-fixed-top to-nav">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
      </button>
      <a class="navbar-brand to-brand" href="#"><i class="fa fa-weixin fa-fw"></i>&nbsp;&nbsp;SZG 后台管理系统</a>
    </div>
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
          <a href="javascript:" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
            <i class="fa fa-gear"></i>&nbsp;Mr Toma&nbsp;<span class="caret"></span>
          </a>
          <ul class="dropdown-menu">
            <li><a href="#">个人信息</a></li>
            <li><a href="#">修改密码</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">退出系统</a></li>
          </ul>
        </li>
      </ul>
    </div><!-- navbar-collapse -->
  </div>
</nav>
<!-- 菜单 start -->
<aside class="sidebar_left">
  <div class="sidebar_content">
    <ul class="nav">
      <li class="active">
        <a href="#" class="nav-link"><i class="fa fa-group"></i>产品管理</a>
        <ul class="link-lop">
          <li><a href="javascript:">周边游</a></li>
          <li><a href="javascript:">国内游</a></li>
          <li><a href="javascript:">出境游</a></li>
          <li><a href="javascript:">赴台游</a></li>
        </ul>
      </li>
      <li><a href="#" class="nav-link"><i class="fa fa-wrench"></i>网站设置</a></li>
    </ul>
  </div>
</aside>
<!-- 菜单 end -->
<section class="content">
  <div class="con-wap">
    <!-- view start -->

    <ol class="breadcrumb border">
      <li><a href="#">产品管理</a></li>
      <li><a href="#">周边游</a></li>
      <li class="active">新增周边游</li>
    </ol>

    <form action="#" name="proForm" id="proForm">
      <article class="panel panel-default">
        <div class="panel-heading p20">
          <h3 class="no-m">行程描述</h3>
        </div>
        <div class="panel-body p20 admin-form app-form">
          <!-- 表单 start -->

            <div class="app-stroke-wapper mb40">
              <!-- 行程 start-->
              <div class="app-stroke" ng-repeat="s in stroke">
                <div class="app-srk-lt">
                  <div class="app-circle-sm" ng-bind="'第' + ($index+1) +'天'"></div>
                </div>
                <div class="app-srk-con pt20">
                  <div class="row plr20">
                    <div class="col-sm-4">
                      <div class="section">
                        <label class="field prepend-icon">
                          <input type="text" name="stroke[{{$index}}][trip]" ng-model="stroke[$index].trip" class="gui-input" placeholder="填写当日行程主题及交通方式">
                          <label class="field-icon">
                            <i class="fa fa-globe"></i>
                          </label>
                        </label>
                      </div>
                    </div>
                    <div class="col-sm-8">
                        <a href="javascript:" class="app-circle" ng-click="tripset($index,'plane')"><i class="fa fa-plane"></i></a>
                        <a href="javascript:" class="app-circle" ng-click="tripset($index,'bus')"><i class="fa fa-bus"></i></a>
                        <a href="javascript:" class="app-circle" ng-click="tripset($index,'sub')"><i class="fa fa-subway"></i></a>
                        <a href="javascript:" class="app-circle" ng-click="tripset($index,'ship')"><i class="fa fa-ship"></i></a>
                        <a href="javascript:" class="app-circle" ng-click="tripset($index,'dong')">动</a>
                        <a href="javascript:" class="app-circle" ng-click="tripset($index,'gao')">高</a>
                        <div class="inline w160">
                          <label class="field select">
                            <select name="stroke[{{$index}}][transit]">
                              <option value="">是否过境</option>
                              <option value="1">是</option>
                              <option value="0">否</option>
                            </select>
                            <i class="arrow double"></i>
                          </label>
                        </div>
                    </div>
                  </div>
                  <div class="displayt w100b plr20">
                    <div class="cell inline">
                      <div class="section">
                        <label class="field prepend-icon">
                          <textarea class="gui-textarea" name="stroke[{{$index}}][info]" placeholder="请输入行程信息，5000字以内"></textarea>
                          <label class="field-icon">
                            <i class="fa fa-comments"></i>
                          </label>
                          <span class="input-footer">
                            <strong>行程信息:</strong> 在5000字以内..
                          </span>
                        </label>
                      </div>
                    </div>
                    <div class="cell w200">
                      <a href="javascript:" class="app-srk-imgup fa fa-image imageup-item imgup" ng-click="imageUp($event)"></a>
                      <input type="hidden" name="stroke[{{$index}}][image]">
                    </div>
                  </div>

                  <div class="row plr20">
                    <div class="col-sm-4">
                      用餐：&nbsp;
                      <label class="str-check">
                        <input type="checkbox" name="stroke[{{$index}}][rice]" value="0">
                        <span class="app-circle">早</span>
                      </label>
                      <label class="str-check">
                        <input type="checkbox" name="stroke[{{$index}}][rice]" value="0">
                        <span class="app-circle">中</span>
                      </label>
                      <label class="str-check">
                        <input type="checkbox" name="stroke[{{$index}}][rice]" value="0">
                        <span class="app-circle">晚</span>
                      </label>
                    </div>
                    <div class="col-sm-8">
                      <div class="section displayt nowrap lh40 w100b">
                        <div class="cell"> &nbsp;餐厅&nbsp;</div>
                        <label class="cell">
                          <input type="text" name="stroke[{{$index}}][restaurant]" class="gui-input" placeholder="请输入餐厅">
                        </label>
                        <div class="cell"> &nbsp;住宿&nbsp;</div>
                        <label class="cell">
                          <input type="text" name="stroke[{{$index}}][hotel]" class="gui-input" placeholder="请输入酒店">
                        </label>
                      </div>
                    </div>
                  </div>

                </div>

                <div class="app-srk-rt">
                  <div class="btn-group-vertical" role="group">
                    <button type="button" class="btn btn-default" ng-click="strokeUp($index)"><i class="fa fa-arrow-circle-up"></i></button><!-- ↑ -->
                    <button type="button" class="btn btn-default" ng-click="strokeDown($index)"><i class="fa fa-arrow-circle-down"></i></button><!-- ↓ -->
                    <button type="button" class="btn btn-default" ng-click="strokeAdd($index)"><i class="fa fa-plus"></i></button>
                    <button type="button" class="btn btn-default" ng-click="strokeSub($index)"><i class="fa fa-minus"></i></button>
                  </div>
                </div>
              </div><!--app-stroke-->
              <!-- 行程 end-->
            </div>

            <hr class="mb40">
            <h4>费用说明</h4>
            <div class="row">
              <div class="col-sm-6">
                <div class="section">
                  <label class="field prepend-icon">
                    <textarea class="gui-textarea" name="feein" placeholder="费用包含 "></textarea>
                    <label class="field-icon">
                      <i class="fa fa-comments"></i>
                    </label>
                  </label>
                </div>
              </div>
              <div class="col-sm-6">
                <div class="section">
                  <label class="field prepend-icon">
                    <textarea class="gui-textarea" name="feeun" placeholder="费用不包含 "></textarea>
                    <label class="field-icon">
                      <i class="fa fa-comments"></i>
                    </label>
                  </label>
                </div>
              </div>
            </div>

            <h4>预定须知</h4>
            <div class="row">
              <div class="col-sm-6">
                <div class="section">
                  <label class="field prepend-icon">
                    <textarea class="gui-textarea" name="hints" placeholder="友情提示 "></textarea>
                    <label class="field-icon">
                      <i class="fa fa-comments"></i>
                    </label>
                  </label>
                </div>
              </div>
              <div class="col-sm-6">
                <div class="section">
                  <label class="field prepend-icon">
                    <textarea class="gui-textarea" name="note" placeholder="销售备注 "></textarea>
                    <label class="field-icon">
                      <i class="fa fa-comments"></i>
                    </label>
                  </label>
                </div>
              </div>
            </div>

            <h4>退款说明</h4>
            <div class="section">
              <label class="field prepend-icon">
                <textarea class="gui-textarea" name="refund" placeholder="退款说明 "></textarea>
                <label class="field-icon">
                  <i class="fa fa-comments"></i>
                </label>
              </label>
            </div>

            <h4>安全温馨提示</h4>
            <div class="section">
              <label class="field prepend-icon">
                <textarea class="gui-textarea" name="sweet" placeholder="安全温馨提示 "></textarea>
                <label class="field-icon">
                  <i class="fa fa-comments"></i>
                </label>
              </label>
            </div>

            <h4>自愿购物活动补充协议</h4>
            <div class="panel">
              <div class="panel-body">
                <div class="displayt w100b mb20">
                  <div class="cell">
                    <input type="text" class="gui-input form_datetime" name="shopping[0][time]" placeholder="时间安排" readonly>
                  </div>
                  <div class="cell">
                    <input type="text" class="gui-input" name="shopping[0][name]" placeholder="名称">
                  </div>
                  <div class="cell">
                    <input type="text" class="gui-input" name="shopping[0][address]" placeholder="地点">
                  </div>
                  <div class="cell">
                    <input type="text" class="gui-input" name="shopping[0][product]" placeholder="营业产品">
                  </div>
                  <div class="cell">
                    <input type="text" class="gui-input" name="shopping[0][length]" placeholder="停留时长">
                  </div>
                  <div class="cell">
                    <input type="text" class="gui-input" name="shopping[0][note]" placeholder="说明">
                  </div>
                  <div class="cell inline w120">
                    <button type="button" class="button btn-warning btn-block" ng-click="addShowp()">添加</button>
                  </div>
                </div>

                <div class="displayt w100b mb20" ng-repeat="s in shopping" ng-init="showTime($last)">
                  <div class="cell">
                    <input type="text" class="gui-input form_datetime"
                           name="shopping[{{$index+1}}][time]"
                           readonly
                           placeholder="时间安排">
                  </div>
                  <div class="cell">
                    <input type="text" class="gui-input" name="shopping[{{$index+1}}][name]" placeholder="名称">
                  </div>
                  <div class="cell">
                    <input type="text" class="gui-input" name="shopping[{{$index+1}}][address]" placeholder="地点">
                  </div>
                  <div class="cell">
                    <input type="text" class="gui-input" name="shopping[{{$index+1}}][product]" placeholder="营业产品">
                  </div>
                  <div class="cell">
                    <input type="text" class="gui-input" name="shopping[{{$index+1}}][length]" placeholder="停留时长">
                  </div>
                  <div class="cell">
                    <input type="text" class="gui-input" name="shopping[{{$index+1}}][note]" placeholder="说明">
                  </div>
                  <div class="cell inline w120">
                    <button type="button" class="button btn-default btn-block" ng-click="removeShowp($index)">删除</button>
                  </div>
                </div>
              </div>

            </div>

            <h4>自愿参加另行付费旅游项目补充协议</h4>
            <div class="panel">
              <div class="panel-body">
                <div class="displayt w100b mb20">
                  <div class="cell">
                    <input type="text" class="gui-input form_datetime" name="project[0][time]" placeholder="时间安排" readonly>
                  </div>
                  <div class="cell">
                    <input type="text" class="gui-input" name="project[0][name]" placeholder="项目名称">
                  </div>
                  <div class="cell">
                    <input type="text" class="gui-input" name="project[0][address]" placeholder="地点">
                  </div>
                  <div class="cell">
                    <input type="text" class="gui-input" name="project[0][value]" placeholder="参考价格">
                  </div>
                  <div class="cell">
                    <input type="text" class="gui-input" name="project[0][length]" placeholder="项目时长">
                  </div>
                  <div class="cell">
                    <input type="text" class="gui-input" name="project[0][info]" placeholder="项目详情">
                  </div>
                  <div class="cell">
                    <input type="text" class="gui-input" name="project[0][note]" placeholder="备注">
                  </div>
                  <div class="cell inline w120">
                    <button type="button" class="button btn-warning btn-block" ng-click="addproject()">添加</button>
                  </div>
                </div>

                <div class="displayt w100b mb20" ng-repeat="o in project" ng-init="showTime($last)">
                  <div class="cell">
                    <input type="text" class="gui-input form_datetime" name="project[{{$index+1}}][time]" placeholder="时间安排" readonly>
                  </div>
                  <div class="cell">
                    <input type="text" class="gui-input" name="project[{{$index+1}}][name]" placeholder="项目名称">
                  </div>
                  <div class="cell">
                    <input type="text" class="gui-input" name="project[{{$index+1}}][address]" placeholder="地点">
                  </div>
                  <div class="cell">
                    <input type="text" class="gui-input" name="project[{{$index+1}}][value]" placeholder="参考价格">
                  </div>
                  <div class="cell">
                    <input type="text" class="gui-input" name="project[{{$index+1}}][length]" placeholder="项目时长">
                  </div>
                  <div class="cell">
                    <input type="text" class="gui-input" name="project[{{$index+1}}][info]" placeholder="项目详情">
                  </div>
                  <div class="cell">
                    <input type="text" class="gui-input" name="project[{{$index+1}}][note]" placeholder="备注">
                  </div>
                  <div class="cell inline w120">
                    <button type="button" class="button btn-default btn-block" ng-click="removeproject($index)">删除</button>
                  </div>
                </div>
              </div>
            </div>

          <!-- 表单 end -->
        </div>
        <div class="panel-footer p20 text-right">
          <button type="button" class="btn btn-default w120 btn-lg">返回</button>
          <button type="submit" class="btn btn-warning w160 btn-lg">保存并下一步</button>
        </div>
      </article>
    </form>

    <div class="h360"></div>
    <!-- view end -->
  </div>
</section>

<script src="../../lib/angular.min.js"></script>
<script src="../../lib/jquery.min.js"></script>
<script src="../../js/sea.js"></script>
<script src="../../js/main.js"></script>
<script>
  seajs.use(['timepicker','tker-css'],function () {
    seajs.use('product',function (pro) {
      pro.productAddStroke();
    });
  })
</script>
</body>
</html>